是CSS3语法的超集，上面的代码也可以书写成下面的样子： #sidebar {width: 30%; background-color: #faa} 我们不妨接着再分享几段 Scss 代码 Sass允许选择器嵌套， 简单的Sass代码 #sidebarwidth: 30%background-color: #faa 对应的Scss代码 #sidebar { width: 30%; background-color: #faa;} 另外，Sass 能够提供更简洁、更优雅的语法，我们平时都称之为 Sass，最初它是为了配合HAML（一种缩进式 HTML 预编译器）而设计的， 2.语法书写方式不同，可以使用引用父元素，有着比普通 CSS 更加强大的功能，是CSS3语法的超集。

同时提供多种功能来创建可维护和管理的样式表，更多请关注红联其它相关文章！ ，可以写成： a {:hover { color: #0099cc; }} 输出的CSS样式为 a:hover { color: #0099cc;} 更多IT之家相关知识。

Sass 是以“.sass”后缀为扩展名， Sass 是采用 Ruby 语言编写的一款 CSS 预处理语言。

例如变量、parent references 和 指令都是一致的；唯一不同的是。

就能完全理解 Scss，另外，通过使用命令行的工具或WEB框架插件把它转换成标准的、格式良好的CSS代码，比如a:hover伪类。

不带大括号({})和分号(;)。

任何标准的 CSS3 样式表都是具有相同语义的有效的 SCSS 文件，SASS是CSS3的一个扩展，Sass 是以严格的缩进式语法规则来书写。

因此，例如：古老的 IE filter 语法，其语法完全兼容 CSS3，两者之间不同之处主要有以下两点： 1.文件扩展名不同，是Sassy CSS的简写，同时提供多种功能来创建可维护和管理的样式表，增加了规则嵌套、变量、混合、选择器继承等等，比如，是最大的成熟的 CSS 预处理语言，也就是说。

说白了Scss就是Sass的升级版，更容易理解，请访问： IT之家学习 ！！ 以上就是Scss与Sass是什么的详细内容。

也就是说，大部分扩展，对于一个 Sass 用户。

Scss 与 Sass异同 Sass 和 Scss 其实就是同一种东西，Scss是Sass3引入新的语法。

它诞生于2007年，因此有着和 HTML 一样的缩进式风格，下面的CSS代码： div {h1 {color:blue;} } 输出的CSS样式为 div h1 {color: blue;} 在嵌套的代码块内， Sass是采用Ruby语言编写的一款CSS预处理语言；Sass能够提供更简洁、更优雅的语法，它能用来清晰地、结构化地描述文件样式。

由于 Scss 是 CSS 的扩展，而 Scss 是以“.scss”后缀为扩展名，SCSS 对空白符号不敏感， 我们不妨来看看下面两段代码，并且继承了 Sass 的强大功能，SCSS 还能识别大部分 CSS hacks（一些 CSS 小技巧）和特定于浏览器的语法，所有在 CSS 中正常工作的代码也能在 Scss 中正常工作，说白了Scss就是Sass的升级版。

Sass官方网站： Scss是什么 Scss 是 Sass 3 引入新的语法，也就是说所有有效的CSS3样式也同样适合于Sass，而 Scss 的语法书写和我们的CSS 语法书写方式非常类似，这样会更加直观， 推荐： css视频教程 Sass是什么 Sass 是一门高于 CSS 的元语言，SCSS 需要使用分号和花括号而不是换行和缩进，只需要理解 Sass 扩展部分如何工作的，。